<style scoped>
    .main {
        margin: 10px 100px;
    }

    .center-row {
        text-align: center;
        margin-left: -120px;
        margin-right: -120px;
    }
</style>

<template>
    <div id="school" class="main">
        <HeadTitle></HeadTitle>
        <Row :gutter="32" className="center-row">
            <i-col span="2">
                <Button size="large" type="primary" icon="chevron-left" long @click="toIntroList"></Button>
            </i-col>
        </Row>
        <school-table type="1"></school-table>
    </div>
</template>

<script>
    import HeadTitle from "./component/HeadTitle.vue";
    import SchoolTable from "./component/SchoolTable.vue";

    export default {
        name: "school",
        components: {
            HeadTitle, SchoolTable
        },
        data() {
            return {}
        },
        mounted() {
        },
        methods: {
            toIntroList() {
                this.$router.push("/intro-list");
            }
        }
    }
</script>
